﻿<header class="header">
    <div class="left">
        <a href="javascript:history.back();"><i class="fa fa-angle-left"></i></a>
    </div>
    <div class="tit">
        <h2>家长信息</h2>
    </div>
    <div class="right"></div>
</header>

<form name="UserInfoForm" ng-class="showOneError?'showerror':''">
    <div class="account_info">
        <ul class="parents_item">
            <li>
                <div class="edit_label">家长姓名:</div>
                <div class="edit_input"><input type="text" placeholder="真实姓名" ng-model="Userinfo.lastname" ng-required="true" /></div>
            </li>
            <li>
                <div class="edit_label">家长电话:</div>
                <div class="edit_input"><input type="text" placeholder="真实手机号" ng-model="Userinfo.telephone" ng-required="true" ng-pattern="/^[1]\d{10}$/" /></div>
            </li>
            <li>
                <div class="edit_label">所在地区:</div>
                <div class="edit_input" ng-click="AddressShow=true;ProvinceShow = true;"><input type="text" placeholder="所在地区" ng-model="Userinfo.addressformat" ng-required="true" readonly /></div>
            </li>
        </ul>
    </div>
    <div class="a_footer">
        <a class="account_btn" ng-click="SaveParentInfo()">保存</a>
    </div>
</form>

<!--选择城市-->
<div ng-class="AddressShow?'ui_mask':'ui_mask d_hide'">
    <div class="ui_pop">
        <div class="mask_header">
            <span>选择所在地区</span>
            <div class="close" ng-click="AddressShow=false;ProvinceShow=false;CityShow=false;CountryShow=false;">
                <i class="ui-icon-close-page"></i>
            </div>
        </div>
        <!--选择省-->
        <div class="mask_content" ng-show="ProvinceShow">
            <div class="region_list">
                <ul>
                    <li ng-repeat="country in CountryList" ng-click="ChooseCountry(country)">{{country.name}}</li>
                </ul>
            </div>
        </div>
        <!--选择市-->
        <div class="mask_content" ng-show="CityShow">
            <div class="region_list">
                <ul>
                    <li ng-repeat="zone in ZoneList" ng-click="ChooseZone(zone)">{{zone.name}}</li>

                </ul>
            </div>
        </div>
        <!--选择县-->
        <div class="mask_content" ng-show="CountryShow">
            <div class="region_list">
                <ul>
                    <li ng-repeat="district in DistrictList" ng-click="ChooseDistrict(district)">{{district.name}}</li>
                </ul>
            </div>
        </div>
    </div>
</div>


